<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{:session('cp.cpsysname')}--商户管理平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="{:config('webconfig.description');}">
    <meta name="keywords" content="{:config('webconfig.keywords');}">
    <meta name="author" content="runoob">
    <link rel="stylesheet" href="__STATIC_URL__/static/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="__STATIC_URL__/static/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="__STATIC_URL__/static/member/css/core1.css?v=3"/>


    <script src="__STATIC_URL__/static/js/jquery-2.1.4.min.js"></script>
    <script src="__STATIC_URL__/static/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style>
        .nav-tabs > li > a {
            font-size: 14px;
        }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #555;
            background-color: #f3f3f3;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
            cursor: default;
        }

        .tab-content .row {
            margin-left: 0;
            margin-right: 0;
        }

        .mini-box {
            min-height: 105px;
            padding: 20px;
        }

        .bg-success {
            background-color: #23AE89;
            color: #fff;
        }

        .mini-box .box-info p {
            margin: 0;
        }

        .size-h2 {
            font-size: 30px;
        }

        #summary_1 p.text-muted {
            color: #FFF;
            text-align: right;
        }

        #summary_1 p.text-muted {
            color: #FFF;
            text-align: right;
        }

        .size-h4 {
            font-size: 18px;
        }

        .panel:last-child {
            margin-bottom: 0;
        }

        .box-info {
            padding-top: 10px;
        }

        .bg-info {
            color: #fff;
            background: #2EC1CC;
        }
    </style>
</head>
<body>
{include file='public/header'/}
<!------------------导航-------------------------->
<section id="content">
    {include file='public/left'/}
    <!--------------------------主要内容区域------------------------------------->
    <div class="content">
        <div class="page-heading mgl15 mgr15">
            <ul class="breadcrumb">
                <li>
                    <a href="{:url('cardus/cardinfo',['card_id'=>$card['card_id']])}">会员卡</a>
                </li>
                <li class="active" style="color: #02b87f;">储值卡</li>
            </ul>
        </div>
        <div class=" mgl15 mgr15">
            <div>
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab"
                                                              data-toggle="tab">统计分析</a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">充值面额列表</a>
                    </li>
                    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab"
                                               data-toggle="tab">储值记录</a></li>
                    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab"
                                               data-toggle="tab">消费记录</a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content" style="padding-top: 15px;">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <div id="summary_1" class="row">
                            <div class="col-lg-3 col-sm-6">
                                <div class="panel mini-box bg-success">
                                    <div class="box-info">
                                        <p class="size-h2">500.00<span class="size-h4">¥</span></p>
                                        <p class="text-muted"><span>售卖储值卡收益</span></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="panel mini-box bg-info">
                                    <div class="box-info">
                                        <p class="size-h2">500.00<span class="size-h4">¥</span></p>
                                        <p class="text-muted"><span>储值卡充值</span></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="panel mini-box bg-success">
                                    <div class="box-info">
                                        <p class="size-h2">500.00<span class="size-h4">¥</span></p>
                                        <p class="text-muted"><span>储值卡消费</span></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="panel mini-box bg-info">
                                    <div class="box-info">
                                        <p class="size-h2">500.00<span class="size-h4">¥</span></p>
                                        <p class="text-muted"><span>储值卡结余</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-search panel-default" style="margin-top: 15px;">
                            <div class="panel-heading">
                                <form class="form-inline">
                                    <div class="form-group">
                                        <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
                                        <div class="input-group">
                                            <select name="" id="" class="form-control">
                                                <option value="">请选择</option>
                                            </select>
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-success">查询</button>
                                </form>
                            </div>
                            <div class="panel-body">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr style="background: #f4f5f9;">
                                        <th></th>
                                        <th colspan="3">充值</th>
                                        <th colspan="2">消费</th>
                                    </tr>
                                    <tr>
                                        <th>日期</th>
                                        <th>实际储值收入（售价）</th>
                                        <th>储值面值金额（面值）</th>
                                        <th>储值次数</th>
                                        <th>储值消费金额</th>
                                        <th>消费次数</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>2017-10-12</td>
                                        <td>0.00</td>
                                        <td>0.00</td>
                                        <td>0</td>
                                        <td>0.98</td>
                                        <td>0</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="profile">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h5 class="panel-title">
                                    <a href="{:url('marke/czgiveadd',['card_id'=>$card['card_id']])}"
                                       tyle="color: #2db7f5;font-size: 14px;">添加面额</a>
                                </h5>
                            </div>
                            <div class="panel-body">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>面额</th>
                                        <th>售价</th>
                                        <th>状态</th>
                                        <th width="210px">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {volist name="list" id="vo"}
                                    <tr>
                                        <td>{$vo.give_money}</td>
                                        <td>{$vo.cz_money}</td>
                                        <td>
                                            <a href="{:url('marke/czgivestatu',['id'=>$vo['id'],'card_id'=>$vo['card_id']])}"
                                               class="gray-b">
                                                {eq name="vo.statu" value="0"}
                                                开启
                                                {else/}
                                                关闭
                                                {/eq}
                                            </a>
                                        </td>
                                        <td>
                                            <a class="btn-link"
                                               href="{:url('marke/czgiveedit',['id'=>$vo['id'],'card_id'=>$vo['card_id']])}"
                                               target="_parent">修改</a>
                                            <a class="btn-link"
                                               href="{:url('marke/czgivehigh',['id'=>$vo['id'],'card_id'=>$vo['card_id']])}">高级配置</a>
                                        </td>
                                    </tr>
                                    {/volist}

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="messages">
                        <div class="panel panel-search panel-default" style="margin-top: 15px;">
                            <div class="panel-heading">
                                <h5 class="panel-title"><span class="glyphicon glyphicon-search pull-left" style="margin-right: 10px;"></span>查找/筛选</h5>
                            </div>
                            <div class="panel-body">
                                <form action="" method="get" class="form-horizontal table-search form-search" role="form" id="machform">
                                    <div class="col-sm-6 col-md-6 col-lg-4 ">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">门店：</label>
                                            <div class="col-sm-9">
                                                <select name="machname" class="form-control">
                                                    <option value="">所有门店</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-6 col-lg-4 col-slg-3">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">时间：</label>
                                            <div class="col-sm-9">
                                                <div class="input-group">
                                                    <input name="starttime" type="text" value="" readonly="readonly" id="startime" placeholder="开始时间" class="form-control">
                                                    <div class="input-group-addon">至</div>
                                                    <input name="endtime" type="text" value="" readonly="readonly" id="endtime" class="form-control" placeholder="结束时间">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="panel-footer">
                                <a href="javascript:;" class="btn btn-primary" onclick="searchform()">查找</a>
                                <a href="javascript:;" class="btn btn-default" onclick="clearform()">清空</a>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h5 class="panel-title">消费记录</h5>
                            </div>
                            <div class="panel-body">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>日期</th>
                                        <th>实际储值收入（售价）</th>
                                        <th>储值面值金额（面值）</th>
                                        <th>储值次数</th>
                                        <th>储值消费金额</th>
                                        <th>消费次数</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>2017-10-12</td>
                                        <td>0.00</td>
                                        <td>0.00</td>
                                        <td>0</td>
                                        <td>0.98</td>
                                        <td>0</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="settings">
                        <div class="panel panel-search panel-default" style="margin-top: 15px;">
                            <div class="panel-heading">
                                <h5 class="panel-title"><span class="glyphicon glyphicon-search pull-left" style="margin-right: 10px;"></span>查找/筛选</h5>
                            </div>
                            <div class="panel-body">
                                <form action="" method="get" class="form-horizontal table-search form-search" role="form" id="machform">
                                    <div class="col-sm-6 col-md-6 col-lg-4 ">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">门店：</label>
                                            <div class="col-sm-9">
                                                <select name="machname" class="form-control">
                                                    <option value="">所有门店</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-6 col-lg-4 col-slg-3">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">时间：</label>
                                            <div class="col-sm-9">
                                                <div class="input-group">
                                                    <input name="starttime" type="text" value="" readonly="readonly" id="startime" placeholder="开始时间" class="form-control">
                                                    <div class="input-group-addon">至</div>
                                                    <input name="endtime" type="text" value="" readonly="readonly" id="endtime" class="form-control" placeholder="结束时间">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="panel-footer">
                                <a href="javascript:;" class="btn btn-primary" onclick="searchform()">查找</a>
                                <a href="javascript:;" class="btn btn-default" onclick="clearform()">清空</a>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h5 class="panel-title">消费记录</h5>
                            </div>
                            <div class="panel-body">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>日期</th>
                                        <th>实际储值收入（售价）</th>
                                        <th>储值面值金额（面值）</th>
                                        <th>储值次数</th>
                                        <th>储值消费金额</th>
                                        <th>消费次数</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>2017-10-12</td>
                                        <td>0.00</td>
                                        <td>0.00</td>
                                        <td>0</td>
                                        <td>0.98</td>
                                        <td>0</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {include file='public/footer'/}
    </div>
</section>
</body>

</html>
